.card {
    padding: 1rem;
    border-radius: 1rem;

    // border: 1px solid var(--border-color);


    position: relative;
    transition: 0.25s ease;

    background-color: var(--background-color-4);
    // border: 1px solid var(--box-shadow-card);

    border: 1px solid var(--border-color);
    box-shadow: rgb(17 17 18 / 4%) 0 2px 4px, rgb(19 20 20 / 6%) 0 1px 1px;
    //box-shadow: rgb(108 108 118 / 12%) 0px 0px 10px, rgba(19, 20, 20, 0.06) 0 1px 0px;

    &.no-padding {
        padding: 0px;
    }

    &.no-shadow {
        box-shadow: none;
    }

    &.no-overflow {
        overflow: hidden;
    }
}